import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import fenlie from "../views/fenlie"
import xuexi from "../views/xuexi"
import zhanghao from "../views/zhanghao"
import foot from "../views/foot"
import Head from "../components/Head"
import xiang from "../views/xiang"
import ti from "../views/ti"
import login from "../views/login"
import In from "../views/In"
import ppt from "../views/ppt"
import Register from "../views/Register"
// import swiper from "../components/swiper"
Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: '/',
    components:{
      default:Home,
      side:foot
    }
  },
  {
    path: '/fenlie',
    name: '/fenlie',
    components:{
      default:fenlie,
      side:foot
    }
  },
  {
    path: '/xuexi',
    name: '/xuexi',
    components:{
      default:xuexi,
      side:foot
    }
  },
  {
    path: '/zhanghao',
    name: '/zhanghao',
    components:{
      default:zhanghao,
      side:foot
    }
  },
  {
    path:'/Head',
    name:'/Head',
    component:Head
  },
  {
    path:'/xiang',
    name:'/xiang',
    component:xiang
  },
  {
    path:'/ti',
    name:'/ti',
    component:ti
  },
  {
    path:'/In',
    name:'/In',
    component:In
  },
  {
    path:'/ppt',
    name:'/ppt',
    component:ppt
  },
  {
    path:'/login',
    name:'/login',
    component:login
  },
  {
    path:'/Register',
    name:'/Register',
    component:Register
  },
  {
    path: '/about',
    name: 'About',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  }
]

const router = new VueRouter({
  routes
})

export default router
